var orderParam ={
    action:{
        findOrder:"orders",
        deletOrder:"deletOrder",
        updateOrder:"updateOrder",
        addOrder:"addOrder",
        Customerinfo:"customer"
    }
}
var vue;
$(function () {
        vue =new Vue({
            el:"#order_context"
            ,data:{
                customer:[],
                message:[],
                customerId: '',
                orderMoeny:[],
                couponSelected:''//客户用户
            }
            ,methods:{
                VueSelectCustomer:function(actionName){
                    var _this =this;
                        this.$http.post(actionName).then(function (res) {
                            _this.customer=res.body.list;
                            console.log(_this.customer);
                        })
                },
                Vueupdate:function (actionName,data) {
                    this.$http.post(actionName,data,{emulateJSON: true}).then(function (res) {
                        if (res.body.mesCode > 0){
                            alert("修改"+res.body.mesCode+"信息");
                          $("#order_context .EidtBnt").parent().nextAll().show();
                          $("#order_context .EidtBnt").parent().prevAll().addClass("hide");
                        }else {
                            alert("修改失败"+res.mesCode);
                        }
                    })
                }
                ,Vuedele:function (actionName,data) {
                    this.$http.get(actionName,{params:{orderId:data}}).then(function (res) {
                        if (res.mesCode > 0){
                            alert("你删除了"+res.body.mesCode+"信息");
                        }else {
                            alert("删除失败"+res.body.mesCode);
                        }
                    })
                } ,
                orderfindPage: function (data,cpage,back,pageNode,actionName) {
                    var _this =this;
                    $("#demo7").remove();
                    if (cpage == null) {
                        if ($("#"+pageNode+" .layui-laypage-curr").length > 0) {//如果存在当前页，则页码为当前页
                            cpage = $("#"+pageNode+" .layui-laypage-curr").text()
                        } else {
                            cpage = 1;
                        }
                    }
                    this.$http.post(actionName,{customerName:data,curr_page:cpage},{emulateJSON: true})
                        .then((response)=> {
                            this.message = response.body.list;
                           // this.orderMoeny=response.body.list.Cust
                            console.log(response.body.list);
                            console.log(this.likeCus);
                            console.log(this.message);
                            //    paramCustomer.layui("#demo7",response.body.mesCode,modeh);
                            layui.use('laypage', function () {
                                var laypage = layui.laypage;
                                //执行一个laypage实例
                                laypage.render({
                                    elem: pageNode //注意，这里的 test1 是 ID，不用加 # 号
                                    ,count: response.body.mesCode //数据总数，从服务端得到
                                    ,curr: cpage//当前页
                                    ,limit:6//每页显示的记录数
                                    ,groups:4//连续出现的页码数
                                    , layout: ['prev', 'page', 'next', 'refresh']
                                    , jump: function (obj, first) {//回调函数
                                        //obj包  含了当前分页的所有参数，比如：
                                        //console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                                        //console.log(obj.limit); //得到每页显示的条数
                                        //首次不执行
                                        if (!first) {
                                            //do something
                                            back(obj.curr);
                                        }
                                    }
                                });
                            });

                        });

                }
            }
        })

    //分页查询
        $("#Search").click(function findpage(capge) {
            var text= $("#SearchText").val();
            vue.orderfindPage(text,capge,findpage,"pagination",orderParam.action.findOrder);
        });
        findPage();
     //删除
       deletOrder();

    /**
     * 取消绑定
     */
    $("#order_context").on("click",".EidtBnt",function () {
         $(this).parent().parent().next().find("input").attr("readonly",false);
        $(this).parent().parent().next().find("input.order_id").attr("readonly",true);
        $(this).parent().parent().next().find("input.costmer_name").attr("readonly",true);
            $(this).parent().hide();
            $(this).parent().next().hide();
            $(this).parent().next().next().hide();
            $(this).parent().prevAll().removeClass("hide");
        });
/**
 *
 */
$("#order_context").on("click",".closeBnt",function () {
        $("#order_context").find("input").attr("readonly",true);
        $(this).hide();
        $(this).nextAll().show();
        $(this).parent().next().show();
         $(this).next().hide();$(this).next().next().hide();

    })
    //编辑
    update();

    //绑定新增
    $("#order_context").on("click",".AddBnt" ,function () {
        vue.VueSelectCustomer(orderParam.action.Customerinfo);
        $(".input-group").hide();
        $(this).hide();
        $("#pagination").hide();
        $(".input-group").hide();
        $(this).parent().next().find(".oreder_box").hide();
        $(this).parent().next().find(".add").show();
        $(this).nextAll().show();

    });
    //取消新增
    $("#order_context").on("click",".colseAddBnt",function () {
        $(this).hide();
        $(".input-group").show();
        $(this).parent().next().find(".oreder_box").show();
        $(this).parent().next().find(".add").hide();
        $(this).prevAll().show();
        $(this).prev().hide();
        $("#pagination").show();
        findPage();
    });
    //新增
    insert();
});
function findPage(acpg) {
    var text= $("#SearchText").val();
    requestUtilParams.findPageData(orderParam.action.findOrder,acpg,"#order_context","pagination",findPage).done(function (res) {
        var lits = res;
        console.log(res);
        vue.message = res.list;
        console.log(vue.message);
    })
}

/**
 * 删除
 */
function deletOrder() {
    $("#order_context").on("click",".closBnt",function () {
        var id= $(this).prev().val();
        if (confirm('确实要删除吗?')) {
            vue.Vuedele(orderParam.action.deletOrder,id);
            findPage($("#pagination .layui-laypage-curr").text());
        }
    })
}

function update() {
    $("#order_context").on("click",".OkbntEdit",function () {
         var index = $(this).prev().val();
        var data = {
            orderName:vue.message[index].orderName,
            orderId:vue.message[index].orderId,
            orderCout:vue.message[index].orderCout,
            orderMoney:vue.message[index].orderMoney};
        vue.Vueupdate(orderParam.action.updateOrder,data);
        findPage();
    })
}

/**
 * 新增
 */
function insert() {
    $("#order_context").on("click",".okAddBnt",function () {

        var data= {
            orderName:$(".add .order_name").val(),
            orderCout:$(".add .order_num").val(),
            orderMoney:$(".add .order_moeny").val(),
            customerId:vue.couponSelected};
        console.log(data);
        vue.Vueupdate(orderParam.action.addOrder,data);
        $(".add .order_name").val("");
        $(".add .order_num").val("");
        $(".add .order_moeny").val("");
    })
}
